<template>
  <footer>
    <div class="container">
      <div class="row">
        <div class="">
          <h5>关于极客范</h5>
          <p>
            极客范(Geek Fun)是一套完整的可扩展Web开发案例库，供广大学习者使用。通过开发这个项目，可以学习到完整的Web开发相关技术环节，掌握完整的Web开发工具栈。
          </p>
        </div>
        <div class="">
          <h5>导航</h5>
          <ul>
            <li>
              <a>茶与咖啡兼顾的极客范儿十足的马克杯</a>
            </li>
            <li>
              <a>朋友欢聚必备的啤酒杯</a>
            </li>
            <li>
              <a>除了当杯子还能当花瓶的搪瓷杯</a>
            </li>
            <li>
              <a>杯言杯语话开发</a>
            </li>
            <li><a>极客范儿</a></li>
          </ul>
        </div>
        <div class="">
          <h5>近期文章</h5>
          <ul class="recent-posts-ul">
            <li>
              <p>杯言杯语</p>
              <p>
                <a>茶杯与软件开发的紧密联系</a>
              </p>
            </li>
            <li>
              <p>杯言杯语</p>
              <p>
                <a>咖啡因对软件开发的决定性作用</a>
              </p>
            </li>
            <li>
              <p>杯言杯语</p>
              <p><a>杯子与容器的关系</a></p>
            </li>
          </ul>
        </div>
        <div class="contact-wrap">
          <h5>联系方式</h5>
          <ul>
            <li>
              <dl class="list-terms-minimal">
                <dt> 地址 </dt>
                <dd> 北京市朝阳区北苑路13号 C座 </dd>
              </dl>
            </li>
            <li>
              <dl class="list-terms-minimal">
                <dt> 电话 </dt>
                <dd>
                  <ul class="list-semicolon">
                    <li>
                      <a href="javascript:void(0);">(800) 888-8888</a>
                    </li>
                  </ul>
                </dd>
              </dl>
            </li>
            <li>
              <dl class="list-terms-minimal">
                <dt> 邮箱 </dt>
                <dd>
                  <a href="javascript:void(0);">666@888.cn</a>
                </dd>
              </dl>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </footer>
</template>

<script>
export default {
}
</script>

<style>
</style>